<template>
    <div>
         
        <div style="height: 30px; line-height: 30px;padding-left: 20px;">
              <h1>短信模版详情</h1>
        </div> 
        
         <div>
            <ui-form :model="modifyForm" :rules="rules" ref="modifyForm" label-width="130px">
                    <ui-row type="flex" class="row-bg" justify="center">
                        <ui-col :span="12">
                            <ui-form-item label="模版编号：">
                            <span>{{modifyForm.paramNo }}</span>
                            </ui-form-item>
                        </ui-col>
                    </ui-row>
                    <ui-row type="flex" class="row-bg" justify="center">
                        <ui-col :span="12">
                            <ui-form-item label="模版类型：" prop="paramName">
                             <span>
                                关怀类
                             </span>
                            </ui-form-item>
                        </ui-col>
                    </ui-row>
                    <ui-row type="flex" class="row-bg" justify="center">
                        <ui-col :span="12">
                            <ui-form-item label="模版概述：" prop="paramcontet">
                                <span>
                                        理财产品推荐
                                </span>
                            </ui-form-item>
                        </ui-col>
                    </ui-row>

                    <ui-row type="flex" class="row-bg" justify="center">
                        <ui-col :span="12">
                            <ui-form-item label="短信开头：" prop="paramdetails">
                                    <span>
                                        [亲爱的][客户名称][先生/女士]，您好
                                    </span>
                            </ui-form-item>
                        </ui-col>
                    </ui-row>

                    <ui-row type="flex" class="row-bg" justify="center">
                        <ui-col :span="12">
                            <ui-form-item label="参数说明：" prop="paramdetails">
                                <span>
                                    大雪将至，深冬送眼，[机构名称]竭诚为您推荐专属理财产品，额度有双，
                                    如有需要请联及[机构名称][客户经理]或点击[网址链接]至山西银行[渠道类型]购买，
                                    活动期间购买可赢取[奖励名称]（理财非存款，产品有风险，投资需谨慎）
                                </span>
                            </ui-form-item>
                        </ui-col>
                    </ui-row>
                    <div style="text-align: center;">
                        <ui-button>返回</ui-button>
                        <ui-button>下一步</ui-button>
                    </div>
                </ui-form>
         </div>

    </div>

</template>
<script>
export default{
    data(){
        return{
            modifyForm:{}
        } 
    }
}
</script>